/*begin navbar style*/
h1,
h2,
h3,
p {
color: rgb(0, 128, 128);
}
.navbar {
padding: 0px;
align-items:center;
justify-content:center;
}
#top-nav {background-color: rgb(0, 128, 128);}
#social-icons {
display:flex;
margin-left: 10%;
}
.fa {
font-size: 20px;
text-decoration: none;
color: rgba(255, 255, 255, .8);
padding: 5px;
border-radius: 100%;
}
.fa:hover{color: rgba(255, 255, 255, 1);}
#bottom-nav {
background-color: rgba(255, 255, 255, 0.8);
padding:0px;
}
#inner-bottom-nav{
	width:100vw;
	max-width:100%;
	margin:0;
}
.navbar-brand{align-items:center;}
#brand-logo {
height: 70px;
width: 70px;
}
#brand-vertical-bar{
  height: 50px;
  width:2px;
  border-radius:100px;
  margin-left: 5px;
  background-color:rgb(0, 128, 128);
}
#brand-text {
  display:inline-block;
  padding-left: 10px;
  color: rgb(0, 128, 128);
  font-size:15px;
}
#button-container{
  display:inline-flex;
  justify-content:end;
  align-items:center;
}
.navbar-toggler{margin-right:10%;}
#collapse-container{
  position:relative;
  display:inline-flex;
  padding:0px;
}
.navbar-collapse{
  justify-content:space-around;
  position:absolute;
  top:100%;
  width:100%;
  background-color: rgb(255, 255, 255);
}
.navbar-nav{width:100%;}
.nav-link{white-space: nowrap;}
.dropdown{position:relative;}
.dropdown-menu{
  position:absolute !important;
  background-color: rgb(255, 255, 255);
}

/*end navbar style*/

/*begin carousel section*/
.carouselRow{
 margin-bottom:20px;
}
 #carouselExampleCaptions{
	height:264px;
	width:400px;
}
.carousel-inner,
.carousel-item{
	height:100%;
	width:100%;
	transition:transform fade 4s;
}
.carousel-inner{
	border-radius:10px;
}

.img-container{
	width:100%;
	height:100%;
display:flex;
align-items:center;
justify-content:center;
border-radius: 10px;
}
.borderRadius{
	border-radius: 10px;
}
.carousel-indicators,
.carousel-control-prev-icon,
.carousel-control-next-icon{
	border-radius:100px;
}

.carousel-indicators{
	margin-bottom:-2px;
	width:30%;
	margin-left:35%;
	padding:0px 15px;
}

/*end carousel section*/
/*begin history/about us section*/
#our-history-row{
	margin-top:0px;
}
#our-history-p,
#our-mission-p{
	margin-top:50px;
	margin-bottom:150px;
}
/*end history/about us section*/
/*begin about us events section*/
.about-events-row{
	margin:20px 0px;
}
.about-col{
	margin:50px 0px;
	align-items:center;
}
.about-col-header{
	align-self:center;
	text-align:center;
}
.about-col-text{
	margin:30px;
	width:375px;
}
.about-img{
	height:60vw;
	width:90vw;
	align-self:center;
}
.about-us-list{
	color:rgb(0,128,128);
}
/*end about us events section*/


/*begin get involved style*/

#get-involved-row {
position: relative;
background-color: rgba(0, 128, 128, .8);
overflow: hidden;
}
#get-involved-volunteer,
#get-involved-donate {
z-index: 2;
margin: 100px 0px;
}
#get-involved-volunteer{margin-bottom:50px;}
#get-involved-donate{margin-top: 50px;}
#get-involved-container,
#get-involved-header,
#get-involved-text,
#get-involved-anchor {
color: rgb(255, 255, 255);
}
#get-involved-text {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
#get-involved-anchor {
font-size: 22px;
padding: 10px 40px;
white-space: nowrap;
background-color: rgb(0, 128, 128);
border-radius: 100px;
text-decoration: none;
}
#get-involved-anchor:hover {background-color: rgb(0, 204, 204);}
#get-involved-img {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-size: 100% 100%;
opacity: 0.4;
z-index: 1;
height:75vw;
width:100vw;
min-height:744px;
min-width:992px;
padding:0px;
}

/*end get involved style*/
/*begin footer style*/

#footer {
background-color: rgb(0, 128, 128);
padding: 40px 0px;
}
footer *{color:rgb(255, 255, 255);}
#footer-logo {
height: 115px;
width: 115px;
background-color:rgb(0, 204, 204);
border-radius:30px;
}
#footer-social-header{margin-top:20px;}
#footer-social-icons >.fa{color: rgba(255, 255, 255, .8);}
#footer-social-icons >.fa:hover{color: rgba(255, 255, 255, 1);}
#footer-phone-number-anchor, #footer-address-anchor{text-decoration: none;}
#anon-websites {list-style-type: none;
padding:0px;}
.anon-list-item {
margin-top: 10px;
decoration: none;
}
.anon-site{
  text-decoration: none;
  color: rgb(77, 0, 153);
}
.anon-site:link{color: rgb(255, 255, 255);}
.anon-site:visited {color: rgb(255, 255, 255);}
.anon-site:hover{color:rgba(255, 255, 255, .8);}
#map{height:230px; width:230px; border-radius:20px; border:solid;}

/*end footer style*/

/*extra small*/
@media screen and (max-width: 576px) {
.footer-col{
text-align: center;
margin-top: 20px;
}
}
/*small*/
@media screen and  (min-width: 576px) {
}
/*medium*/
@media screen and  (min-width: 768px) {
#button-container{display:none;}
.navbar-collapse{
  position:relative;
  top:0%;
  background-color:rgba(255, 255, 255, 0.1);
}
.about-img{
	height:40vw;
	width:60vw;
	align-self:center;
}
#get-involved-volunteer,
#get-involved-donate{margin: 100px 0px;}
#map{width:min(230px, 100%);}
}
/*large*/
@media screen and  (min-width: 992px) {

}
/*extra large*/
@media screen and  (min-width: 1200px) {
	#brand-text {font-size: 18px;}
	.about-img{
		height:266px;
		width:400px;
	}
}
/*extra extra large*/
@media screen and (min-width: 1400px) {

}